/* --- Main styles --- */
* { margin:0px;padding:0px;border:0;}
body {font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#111;text-align:left;text-decoration:none;}

a, table.grid a {color:#377A00;text-decoration:none;outline: 0;}
a:hover {color:#48A000;text-decoration:underline;}
img, a img {border:0px;outline: 0;}
hr{height:1px;color:#CCC;margin:10px 0;}

h4 {font-size:110%; font-weight:bold; color:#353;}
h3 {font-size:130%; font-weight:bold; color:#353;}
h2 {font-size:160%; font-weight:bold; color:#353;}
h1 {font-size:200%; font-weight:bold; color:#353;}

div.innertube {margin:0px;height:98%;}

table {border:none;}
table td {text-align:left;vertical-align:top;padding:2px 6px;}
table td.ct {text-align:center;}
table td.rt {text-align:right;}

table.grid {width:100%;border-collapse:collapse;}
table.grid td, table.grid th {border:1px solid #FFF;text-align:left;vertical-align:top;}
table.grid th {font-size:110%;font-weight:bold;color:#FFF;text-align:center;padding:4px;background-color:#505050;}
table.grid th a {color:#FFF; text-decoration: underline;}
table.grid th a:hover {color:#48A000;}
table.grid tr {background-color:#FAFAFA;}
table.grid tr.odd {background-color:#EDEDED;}
table.grid tr.mark {background-color:#FCC;}
table.grid td {padding:2px 6px;color:#333;text-align:left;vertical-align:top;}
table.grid td.ct {text-align: center;}
table.grid td.rt {text-align: right;}
table.grid td.vct {text-align: center; vertical-align: middle;}

/* --- Form styles --- */
input, textarea {color:#404040;border:1px solid #DDD;padding:2px 8px;font-size:12px;}
input.error, textarea.error {border-color: #A11;}
input[type="text"]:hover, textarea:hover, input.hovered {border:1px solid #999;}
label {color:#777;padding:0 3px;vertical-align:middle;white-space:nowrap;font-size:12px;}
label.chosen {color:#52772A;}
label.error {white-space: normal;}
label.error.chosen {color:#F00;}
input[type="button"], input[type="submit"] { margin-top:5px;border-color:#BBB;background-color:#E0E0E0;color:#666;width:auto;outline:none;}
input[type="button"]:hover, input[type="submit"]:hover {border-color:#888;color:#333;}
input[type="checkbox"], inputinput[type="radio"] {width: auto; border: none;}
select {color:#404040;border: 1px solid #DDD;padding:2px 8px;background-color: #FFF; padding-right:0px;}
ul.types_list {list-style-type: none;}
.inactive input, .inactive textarea, .inactive label {color:#CCC;}

/* --- Decor styles --- */
.warn {color:#F33;}
.success {color:#4D9900;}
.notice {color:#777; font-size:10px;margin:0;}
.error {color:#F00;}
a.notice {color:#777;font-size:10px;text-decoration:underline;}
a.notice:hover {color:#444;text-decoration:none;}
a.a_icon {display:inline-block; padding-left:22px;height:16px;margin:4px 15px 4px 0;text-decoration:underline;}
a.a_icon:hover {text-decoration:none;}
a.a_btn { display: block; width: 16px; height: 16px; margin: 0 5px 1px 0; }

/* --- Icons ---*/
a.i_add {background:url(./img/16/add.png) no-repeat left top;}
a.i_delete {background:url(./img/16/delete.gif) no-repeat left top;}
a.i_save {background:url(./img/16/disk.png) no-repeat left top;}
a.i_loading {background:url(./img/loading-circle.gif) no-repeat left top;}
a.i_ok {background:url(./img/16/tick.png) no-repeat left top;}
a.i_exclamation {background:url(./img/16/exclamation.png) no-repeat left top;}
a.i_on {background:url(./img/16/power_on.png) no-repeat left top;}
a.i_off {background:url(./img/16/power_off.png) no-repeat left top;}

/* --- Helper styles --- */
.fl-left {float:left;display:block;}
.fl-right {float:right;display:block;}
.inline {display:inline-block;}
.clear {clear:both;font-size:1px;height:0;visibility:hidden;}
.lt {text-align:left;}
.rt {text-align:right;}
.ct {text-align:center;}

/* --- Elements styles --- */
#treecontent {position: absolute;top: 0;bottom: 0;left: 0;width: 230px;height: 100%;overflow:auto;overflow-y: auto;overflow-x:hidden;border-right:1px solid #CCC;}
#maincontent {position: fixed;top: 0;left: 235px;right: 0;bottom: 0;overflow: auto;}
#tabedContent {padding-top: 5px;}

/* ----- Tabs for Lang switcher---- */
#lang_tabs {position: absolute; top: 24px; right: 5px; border: none; background: none;}

/* ---- Lightbox effects ---- */
.white_overlay {display: block; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: white; z-index:1001; -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70); }
.content_overlay {display: block; position: absolute; top: 10%; left: 25%; padding: 10px; border: 1px solid #C7C2B8; background-color: white; z-index:1002; }
.error_box {border:1px solid #900;width:50%;margin:auto;margin-top:10px; margin-bottom:10px; color:#E00;}
.error_box span {font-size:120%;font-weight:bold;text-transform:uppercase;padding:5px 20px;color:#F00;}
.error_box a {margin:5px;cursor:pointer;}


/* ---- Draggable fields ---- */
.fields td { color:#666;background-color:#FFF;padding:2px 10px;}
.draggable {width:16px;background:#A6FF5E url(./img/drugg.png) left 50% no-repeat;cursor:move;padding:0;}
.field div {float:left;width:80%;padding:3px 10px;}
.moveable {display:block;height:25px;background: url(./img/32/move.png) left 50% no-repeat;cursor:move;padding:7px 0 0 40px;margin-bottom:10px;border:#99dd46 solid 1px;-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.moveable24 {display:inline-block;height:19px;background: url(./img/24/move.png) left 50% no-repeat;cursor:move;padding:5px 2px 0 33px;border:#99dd46 solid 1px;-moz-border-radius: 3px; -webkit-border-radius: 3px;}

/* ---- Sortable TR ---- */
td.sort_handle {width:10px; background:#a6ff5e url(./img/drugg.png) left 50% no-repeat; cursor:move;}

/* ----- Thumbnailing ---- */
#ThContainer { display: block; position: absolute; padding:0; border: 1px solid #C7C2B8; background-color: white; z-index:100245; }
#ThTitle {background-color:#E7E7E7; border-bottom:1px solid #DDD;padding:1px 2px 2px 0;height:16px;}
#ThLoad {float:left;text-align:left;height:16px;width:16px;background:url(./img/16/wait.gif) top left no-repeat;margin-left:5px;display:none;}
#ThCloseLink { float:right;text-align:right; margin:0 0 5px 0; }
#ThForm { padding:10px; background:#F7F7F7; }
#ThImgContainer {text-align:left;}
#SaveDiv { text-align:right;padding-right:50px; }
.resizeDiv { position: absolute !important;top:0px;left:0px;width: 50px;height:50px; }
.resizeDivWrap { position: relative;float:left;margin-left:10px; }
.resizeImgWrap { position: relative;-moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); }
.ImgInfo { float:left;width:120px;margin:0 20px; }
.ImgInfo span { font-weight:bold; color:#900; }


/* ---- FeldsSet ---- */
.fieldset {border:1px solid #DDD; padding: 2px 5px;margin-bottom:2px;background-color: #FFF;}
.fieldset table {width:74%;display:inline-block;}
.fieldset div.manage {width:24%;display:inline-block;border-left:#CCC solid 1px;padding:5px;}
.bind-types {width:290px; margin-right: 10px; text-align:left;}
.bind-types ul {list-style: none;}
.bind-types ul li {display: block; float: left;width:140px; padding-left: 4px;}
.bind-types ul li:nth-child(odd) {border-right: 1px dotted #DDD; clear: left;}

/* ---- MultiSelect ---- */
ul.multiselect {border: 1px solid #DDD; border-left: none; border-right: none; padding: 10px; margin: 2px; background-color: #FFF;list-style: none;}
ul.multiselect li {display: inline-block; width: 280px; margin-top: 2px;}

/* ---- Paginator ---- */
.paginator {padding: 5px 20px; margin-top: 5px; border-top: 1px solid #377A00;}
.paginator span, .paginator a { display: block; float: left; margin: 1px; height: 18px; min-width: 18px; padding: 0 2px; text-align: center; font-size: 110%; font-weight: bold; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.paginator a { color: #377A00; border: 1px solid #377A00; background-color: #FFF; }
.paginator a:hover, .paginator span {color:#FFF; border: 1px solid #377A00; background-color: #377A00; text-decoration: none;}

/* ---- Comments tab ---- */
#t_comments ul {list-style: none;padding: 0;margin: 5px 0 5px 20px;}
#t_comments ul .comments_meta {padding: 4px 10px;background-color: #F4F4F4;font-size: 11px;color: #777;}
#t_comments ul .comments_meta span {color: #333;font-weight: bold;padding-right: 10px;}
#t_comments .comments_text {padding: 3px 10px;border-bottom: 1px dashed #CCC;}
#t_comments li.inactive {background: rgba(255,50,0,0.05);}

/* ---- TAGS ---- */
div.tagsinput { border:1px solid #CCC; background: #FFF; padding:5px; width:300px; height:100px; overflow-y: auto;}
div.tagsinput span.tag { border: 1px solid #a5d24a; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration:none; background: #cde69c; color: #638421; margin-right: 5px; margin-bottom:5px;font-family: helvetica;  font-size:13px;}
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px;  }
div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left; }
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {background: #FBD8DB !important; color: #90111A !important;}

/* ---- MECCANO ---- */
.mc_modal_overlay {
   display: block; 
   position: absolute; 
   top: 0%; 
   left: 0%; 
   width: 100%; 
   height: 100%; 
   background-color: black; 
   z-index:9000; 
   -moz-opacity: 0.7; 
   opacity:.70; 
   filter: alpha(opacity=70);
}
.mc_notif_box {
   padding: 0;
   text-align: left;
   position: fixed;
   display: none;
   top: 20px;
   right: 10px;
   width: 400px;
   background-color: rgba(255,255,255,.6);
   border: 1px solid #CCC;
   z-index: 9001;
}
.mc_notif_header {
   padding: 2px 10px;
   border-bottom: 1px solid #CCC;
   background-color: rgba(255,255,255,.9);
}
.mc_notif_header span {
   float: left;
   display: block;
   width: 16px;
   height: 16px;
}
.mc_notif_header a {
   float: right;
   display: block;
   width: 16px;
   height: 16px;
   background: transparent url(./img/16/close.gif) 0 0 no-repeat;
}
.mc_notif_success .mc_notif_header span {background:url(./img/16/tick.png) 0 0 no-repeat;}
.mc_notif_failure .mc_notif_header span {background:url(./img/16/exclamation.png) 0 0 no-repeat;}
.mc_notif_info .mc_notif_header span {background:url(./img/16/information.png) 0 0 no-repeat;}
.mc_notif_message, .mc_buttons {margin:2px 5px;padding: 15px 10px; font-size: 12px;background-color: #FFF;}
.mc_notif_success .mc_notif_message {border: 1px solid #2C2;}
.mc_notif_success .mc_notif_failure {border: 1px solid #F33;}
.mc_buttons {
   display: none;
   text-align: right;
   padding: 5px;
   margin-top: -2px;
   border-top: 1px solid #BBB;
}
.mc_buttons input {
   margin-left: 5px;
}